<div class="dux-box-header">
    <h1>订单状态：{$info.status_data.name}</h1>
    <p><i class="fa fa-{$info.status_data.icon}"></i> {$info.status_data.message}</p>
</div>
<div class="dux-box-address">
    <div>{$info.receive_name} {$info.receive_tel}</div>
    <p><i class="fa fa-map-marker"></i> {$info.receive_province}{$info.receive_city}{$info.receive_region}{$info.receive_address}</p>
</div>
<!--if{$deliveryInfo}-->
<div class="dux-box dux-flex uk-clearfix">
    <div class="  uk-flex uk-flex-middle uk-padding-small">
        <i class="fa fa-truck dux-text-disabled"></i>
    </div>
    <div class="flex-1 box-content" style="width: 1px">
        <p>快递公司： {$deliveryInfo.delivery_name}</p>
        <p class="uk-text-truncate">快递单号： {$deliveryInfo.delivery_no}</p>
    </div>
    <div class="box-content uk-text-right uk-flex uk-flex-middle">
        <a href="{url('order/Order/delivery', ['order_no' => $info.order_no])}" class="uk-button uk-button-danger uk-button-small">查看物流</a>
    </div>
</div>
<!--{/if}-->

<!--if{$takeInfo}-->

<ul class="dux-box uk-padding-small dux-row-list">
    <li>
        <div>自提点</div>
        <div class="uk-text-right uk-text-shallow">{$takeInfo.name}</div>
    </li>
    <li>
        <div>电话</div>
        <div class="uk-text-right uk-text-shallow">{$takeInfo.tel}</div>
    </li>
    <li>
        <div>营业时间</div>
        <div class="uk-text-right uk-text-shallow">{$takeInfo.start_time} ~ {$takeInfo.stop_time}</div>
    </li>
    <li>
        <div>地址</div>
        <div class="uk-text-right uk-text-shallow">{$takeInfo.city}{$takeInfo.region}{$takeInfo.address}</div>
    </li>
</ul>
<div class="uk-padding-small">
<a href="http://apis.map.qq.com/uri/v1/geocoder?coord={$takeInfo.lat},{$takeInfo.lng}&referer=myapp" id="openMap" class="uk-button uk-button-primary uk-button-block">查看地图</a>
</div>
<!--{/if}-->


<div class="dux-order-list uk-margin-top">
    <div class="list-box ">
        <div class="list-body">

            <ul class="body-items">
                <!--loop{$orderGoods as $k => $item}-->
                <li>
                    <div class="item-img">
                        <a href="{$item.goods_url}"><img src="{$item.goods_image}"></a>
                    </div>
                    <div class="item-info">
                        <div class="title"><a  href="{$item.goods_url}">{$item.goods_name}</a></div>
                        <p>
                            数量：{$item.goods_qty}
                            <!--if{$item.goods_options }-->
                            <!--loop{$item.goods_options as $v}-->
                            {$v.name}：{$v.value}
                            <!--{/loop}-->
                            <!--{/if}-->
                        </p>
                        <p class="uk-text-middle">
                            <!--if{$item.delivery_status}-->
                            <span class="uk-text-primary">已发货</span>
                            <!--{else}-->
                            <span class="uk-text-warning">未发货</span>
                            <!--{/if}-->
                        </p>
                        <div class="info uk-text-danger">
                            ￥{$item.goods_price}
                        </div>
                        <div class="item-action">
                            <!--if{$info.status_data.action <> 'close' && $info.status_data.action <> 'pay' && $info.status_data.action <> 'parcel'}-->
        					<!--if{!$item.service_status}-->
                            <a href="{url('order/refund/push', ['id' => $item.id])}" class="uk-button uk-button-default uk-button-small">申请退款</a>
                            <!--{/if}-->
							<!--{/if}-->
                            <!--if{$info.status_data.action == 'comment' || $info.status_data.action == 'complete'}-->
        					<!--if{!$item.comment_status}-->
                            <a href="{url('order/comment/push', ['id' => $item.id, 'action' => url('order/Order/index')])}"
                               class="uk-button uk-button-default uk-button-small">评价商品</a>
                            <!--{/if}-->
        					<!--{/if}-->
                        </div>
                        <div class="item-action">
                            <!--if{$item.service_status == 1}-->
                            <a href="{url('order/Refund/index'}" class="uk-button uk-button-default uk-button-small">售后处理中</a>
                            <!--{/if}-->
                            <!--if{$item.service_status == 2}-->
                            <a href="{url('order/Refund/index'}" class="uk-button uk-button-default uk-button-small">售后完成</a>
                            <!--{/if}-->
                        </div>
                    </div>
                </li>
                <!--{/if}-->
            </ul>
        </div>
    </div>
</div>



<!--if{$invoiceInfo}-->

<ul class="dux-box uk-padding-small dux-row-list">
    <li>
        <div>发票类型</div>
        <div class="uk-text-right uk-text-shallow">{$invoiceInfo.type ? '企业' : '个人'}</div>
    </li>
    <li>
        <div>发票抬头</div>
        <div class="uk-text-right uk-text-shallow">{$invoiceInfo.name}</div>
    </li>
    <li>
        <div>发票内容</div>
        <div class="uk-text-right uk-text-shallow">{$invoiceInfo.class_name}</div>
    </li>
    <!--if{$invoiceInfo.number}-->
    <li>
        <div>发票税号</div>
        <div class="uk-text-right uk-text-shallow">{$invoiceInfo.number}</div>
    </li>
    <!--{/if}-->
</ul>
<!--{/if}-->

<ul class="dux-box uk-padding-small dux-row-list">
    <li>
        <div>订单编号</div>
        <div class="uk-text-right uk-text-shallow">{$info.order_no}</div>
    </li>
    <li>
        <div>支付类型</div>
        <div class="uk-text-right uk-text-shallow">
            <!--if{$info.pay_type}-->
            在线支付
            <!--{else}-->
            货到付款
            <!--{/if}-->
        </div>
    </li>
    <!--if{$payData}-->
    <li>
        <div>支付方式</div>
        <div class="uk-text-right uk-text-shallow">
            <!--loop{$payData as $key => $vo}-->
            {$key ? '、': ''}
            {$vo.pay_type}
            <!--{/loop}-->
        </div>
    </li>
    <!--{/if}-->
    <li>
        <div>下单时间</div>
        <div class="uk-text-right uk-text-shallow">{date('Y-m-d H:i:s', $info.order_create_time)}</div>
    </li>
    <!--if{$info.pay_time}-->
    <li>
        <div>付款时间</div>
        <div class="uk-text-right uk-text-shallow">{date('Y-m-d H:i:s', $info.pay_time)}</div>
    </li>
    <!--{/if}-->
    <!--if{$deliveryInfo}-->
    <li>
        <div>发货时间</div>
        <div class="uk-text-right uk-text-shallow"><!--if{$deliveryInfo['delivery_create_time']}-->{date('Y-m-d H:i:s', $deliveryInfo['delivery_create_time'])}<!--{else}-->未发货<!--{/if}--></div>
    </li>
    <!--{/if}-->
    <!--if{$info.order_complete_time}-->
    <li><div>完成时间</div>
        <div class="uk-text-right uk-text-shallow">{date('Y-m-d H:i:s', $info.order_complete_time)}</div>
    </li>
    <!--{/if}-->


    <li>
        <div>订单备注</div>
        <div class="uk-text-right uk-text-shallow">{$info.order_remark ? $info.order_remark : '无'}</div>
    </li>

</ul>

<ul class="dux-box uk-padding-small dux-row-list">
    <li>
        <div>订单总额</div>
        <div class="uk-text-right">￥{$info.order_price}</div>
    </li>
    <li>
        <div>运费</div>
        <div class="uk-text-right">￥{$info.delivery_price}</div>
    </li>
    <!--loop{$info.pay_currency.exchange as $k => $v}-->
    <li>
        <div>{$v.name}</div>
        <span class="uk-text-right">{$v.money}{$v.unit} 抵 {$v.deduct} 元</span>
    </li>
    <!--{/loop}-->
    <!--loop{$info.pay_currency.append as $k => $v}-->
    <li>
        <div>{$v.name}</div>
        <span class="uk-text-right">{$v.money} {$v.unit}</span>
    </li>
    <!--{/loop}-->
</ul>
<div class="dux-box uk-padding-small uk-margin-remove-top dux-border-top uk-text-default dux-flex">
    <div class="">实付款</div>
    <div class="flex-1 uk-text-right">
    <span class="uk-text-danger">￥{$info.total_price}</span>
    </div>
</div>

<div class="dux-box uk-padding-small uk-margin-remove-top dux-border-top uk-text-default dux-flex">
    <div class="">优惠</div>
    <div class="flex-1 uk-text-right uk-text-danger">
        ￥{$info.pay_discount}
    </div>
</div>

<!--if{bccomp($info.refund_price, 0, 2) === 1}-->
<div class="dux-box uk-padding-small uk-margin-remove-top dux-border-top uk-text-default dux-flex">
    <div class="">退款金额</div>
    <div class="flex-1 uk-text-right uk-text-danger">
        ￥{$info.refund_price}
    </div>
</div>
<!--{/if}-->
<!--if{$info.status_data.action}-->
<div class="dux-box-action">
    <div class="action">
        {$info.status_data.html}
    </div>
</div>
<!--{/if}-->
<script>
    Do('base', 'tpl', function () {
        $('[data-service]').on('click', function () {
            var tpl = $('#tpl').html();
            var data = {
                id: $(this).data('service')
            };
            laytpl(tpl).render(data, function (html) {
                $(html).appendTo('body').modal().on('closed.modal.amui', function () {
                    $(this).remove();
                });
            });
        });
    });
</script>

</html>